$('#goto-register').on('click', () => {
  $('#register').show();
})
$('#goto-login').on('click', () => {
  $('#register').hide();
})

//第二步 输入信息验证
var form = layui.form;
form.verify({
  username: function (value, item) { //value：表单的值、item：表单的DOM对象
    if (!/^[a-z\d]{6,10}$/.test(value)) {
      return '用户名只能使用6-10位的数字和小写字母'
    }
  },
  //我们既支持上述函数式的方式，也支持下述数组的形式
  //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
  pass: [
    /^[\S]{6,10}$/
    , '密码必须6到10位，且不能出现空格'
  ],
  cofirmPass: function (value) {
    if ($('.pwd').val() !== value) {
      return '两次密码不一致,请重新输入'
    }
  }
});

// 第三步 注册账号密码
$('#register .layui-form').on('submit', e => {
  e.preventDefault();
  //后台需要密码md5加密,且是key=value&key=value的格式.需要提前转一下
  let reobj = {
    username: $('#register input[name=username]').val(),
    password: md5($('#register input[name=password]').val())
  }
  let arrStr = objtoStr(reobj);
  zuceAPI(arrStr, function () {
    $('#register').hide();
  })
})


// 第四步 登录
$('#login .layui-form').on('submit', e => {
  e.preventDefault();
  let reobj = {
    username: $('#login input[name=username]').val(),
    password: md5($('#login input[name=password]').val())
  }
  let arrStr = objtoStr(reobj);
  loginAPI(arrStr, function (res) {
    sessionStorage.setItem('token', res.data.token);
    setTimeout(() => {
      window.location.href = "./index.html"
    }, 2000)
  });
})

